<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><meta charset="UTF-8"> 
  <title>CSS的三种使用方式练习</title> 
     <link rel="stylesheet" href="main.css"> 
      <style> 
     p { 
      text-indent: 2em; 
         font-size: 16px; 
          line-height: 1.5; 
   } 
  
 
     </style> 


<body> <h1>CSS的三种使用方式练习</h1> 
    <h2>外部样式表</h2> 
     <p>外部样式表是一个独立的文件，使用link元素与html文件建立联系。</p> 
    <h2>内部样式表</h2> 
    <p>内部样式表是写在head部分的样式规则，这些规则使用style元素来组织。</p> 
     <h2>内嵌样式表</h2> 
  
 
  <p style="text-indent: 0;">内嵌样式表是写在元素的起始标签中，使用style属性来实现。</p> 

</body>
</html>